レイアウト構成

レイアウト構成はoptions.layout名前空間。チャート レイアウトのグローバル オプションは次のように定義されます。Chart.defaults.global.layout

名前 タイプ デフォルト 説明
padding number|object 0 チャート内に追加するパディング。もっと...

パディング

この値が数値の場合、グラフのすべての側面 (左、上、右、下) に適用されます。この値がオブジェクトの場合、leftプロパティは左パディングを定義します。同様に、righttopbottomプロパティも指定できます。

チャート キャンバスの左側に 50 ピクセルのパディングを追加したいとします。次のようにします。

let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        layout: {
            padding: {
                left: 50,
                right: 0,
                top: 0,
                bottom: 0
            }
        }
    }
});

「」と一致する結果

    「」に一致する結果はありません